﻿.dx-simulator {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dx-simulator-wrapper {
    margin: 0 auto;
}

.dx-simulator iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #333;
}

.dx-simulator-back-wrapper {
    position: relative;
}

/* iPhone */
.dx-simulator-iphone5-p {
    width: 320px;
    height: 568px;
	padding: 116px 62px 168px 32px;
    background: url(Images/ios.png) 0 0 no-repeat;
}

/* iPad air*/
.dx-simulator-ipadair-l {
    width: 1024px;
    height: 768px;
    padding: 47px 103px 47px 103px;
    background: url(Images/ipad.png) 0 0 no-repeat;
    background-size: 1230px 862px;
}

/* Android phone */
.dx-simulator-androidphone-p {
    width: 360px;
    height: 640px;
    padding: 69px 30px 138px 20px;
    background: url(Images/android.png) 0 0 no-repeat;
}

    .dx-simulator-androidphone-p .dx-simulator-back {
        top: 30px;
        left: 272px;
        position: absolute;
        width: 50px;
        height: 30px;
        cursor: pointer;
    }

/* Win10 Phone */
.dx-simulator-win10phone-p {
    background: url(Images/windows_phone.png) no-repeat 50% 50%;
    width: 384px;
    height: 640px;
    padding: 100px 48px 170px 46px;
}

.dx-simulator-win10phone-p .dx-simulator-back {
    position: absolute;
    width: 100px;
    height: 80px;
    cursor: pointer;
    top: 4px;
    left: -4px;
}

/* Generic phone */
.dx-simulator-genericphone-p {
    width: 360px;
    height: 640px;
    padding: 66px 20px 143px 15px;
    background: url(Images/generic.png) 0 0 no-repeat;
}

.dx-simulator.dx-simulator-ipadmini-p, .dx-simulator.dx-simulator-ipadmini-l {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: center 0;
    -moz-transform-origin: center 0;
    -ms-transform-origin: center 0;
    -o-transform-origin: center 0;
    transform-origin: center 0;
}


.dx-simulator.simple-chrome {
    background: none;
    padding: 36px;
    border-radius: 30px;
    border: solid 11px transparent;
}

    .dx-simulator.simple-chrome:before {
        top: -6px;
        left: -6px;
        position: absolute;
        z-index: -1;
        border-radius: 30px;
        border: solid 6px transparent;
        width: 100%;
        height: 100%;
        display: block;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,1), 0 0 0 3px rgba(0,0,0,1);
        content: "";
    }

.dx-simulator.empty-chrome {
    background: none;
    padding: 0;
}
